<!--
 * @Author: guandeshen 295570679@qq.com
 * @Date: 2024-08-30 11:07:30
 * @LastEditors: guandeshen 295570679@qq.com
 * @LastEditTime: 2024-08-30 11:25:51
 * @FilePath: /task-admin/src/components/SystemForm/index.vue
 * @Description: 
 * 
 * Copyright (c) 2024 by RSC, All Rights Reserved. 
-->
<template>
  <div class="container" v-if="systemInfo">
    <el-form ref="systemFormRef" label-position="top">
      <el-row :gutter="32">
        <el-col :span="12">
          <el-form-item :label="$t('common.createdBy')">
            <el-input :value="systemInfo?.created" disabled />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item :label="$t('common.createTime')">
            <el-input :value="systemInfo?.create_time" disabled />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="32">
        <el-col :span="12">
          <el-form-item :label="$t('common.updatedBy')">
            <el-input :value="systemInfo?.updated" disabled />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item :label="$t('common.updateTime')">
            <el-input :value="systemInfo?.update_time" disabled />
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </div>
</template>

<script setup lang="ts">
defineOptions({
  name: "SystemForm",
});

defineProps<{
  systemInfo: SystemForm | undefined;
}>();
</script>
